﻿var boxStatus = 0;
function loadbox(containid,callback) {
    if (boxStatus == 0) {
        $("#backgroundbox").css({
            "opacity": "0.7"
        });
        $("#backgroundbox").fadeIn("slow");
        $("#" + containid).fadeIn("slow");

        boxStatus = 1;

        if (typeof (callback) == 'function') {
            callback();
        }
    }
}
function disablebox(containid) {
    if (boxStatus == 1) {
        $("#backgroundbox").fadeOut("slow");
        $("#" + containid).fadeOut("slow");
        $("#" + containid).hide();
        boxStatus = 0;
    }
}

function centerbox(containid) {
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var boxHeight = $("#" + containid).height();
    var boxWidth = $("#" + containid).width();
    $("#" + containid).css({
        "position": "absolute",
        "top": windowHeight / 2 - boxHeight / 2 + document.documentElement.scrollTop,
        "left": windowWidth / 2 - boxWidth / 2
    });
    $("#backgroundbox").css({
        "height": windowHeight
    });
}
//否则openelementid为打开盒子的按钮的选择器，程序将对所选择的所有元素绑定事件
//如果selectmod=undefined 则closeelementidlist为关闭盒子的按钮id的数组，程序将遍历该数组，对数组中所有元素绑定事件
//否则closeelementidlist为一个只包含一个元素的数组，该元素根据selectmod进行元素筛选，然后对被筛选的元素绑定事件
//背景ID:backgroundbox 页面中应始终包含<div id="backgroundbox"></div>
function ShowBox(openelementid, closeelementidlist, containid, selectmod, callback) {
    $(document).ready(function () {
        $("#" + openelementid).click(function () {
            centerbox(containid);
            loadbox(containid,callback);
        });
        for (var i in closeelementidlist) {
            if (selectmod == undefined) {
                $("#" + closeelementidlist[i]).click(function () {
                    disablebox(containid);
                });
            }
            else {
                switch (selectmod) {
                    case 'id':
                        $("#" + closeelementidlist[i]).click(function () {
                            disablebox(containid);
                        });
                        break;
                    case 'class':
                        $("." + closeelementidlist[i]).click(function () {
                            disablebox(containid);
                        });
                        break;
                    case 'sltexp':
                        var ol = $(closeelementidlist[i]);
                        var length = ol.length;
                        for (var idx = 0; idx < length; idx++) {
                            $(ol[idx]).click(function () {
                                disablebox(containid);
                            });
                        }
                        break;
                }
            }
        }

    });
}
//$(document).ready(function() {
//    $("input[name='messagetoteam']").click(function() {
//        centerbox('message');
//        loadbox('message');
//    });
//    $("#messageboxClose").click(function() {
//        disablebox('message');
//    });
//    $("#messagecancel").click(function() {
//        disablebox('message');
//    });
//    
//    
//    $("#boxopen").click(function() {
//        centerbox('notice');
//        loadbox('notice');
//        $("#editctnnotice").text($("#ctnnoctice").text());
//    });
//    $("#boxcontactClose").click(function() {
//    disablebox('notice');
//    });
//    $("#cancel").click(function() {
//    disablebox('notice');
//    });
//    $(document).keypress(function(e) {
//        if (e.keyCode == 27 && boxStatus == 1) {
//            disablebox('notice');
//        }
//    });

//});